/**
 * @author wangning 20180414
 * 年度统计数据汇总
 */
import { Component, OnInit } from '@angular/core';
import { HttpServcie } from '../../../../service/http.service';

@Component({
	selector: 'annual-summary',
	templateUrl: './annual-summary.html',
	styleUrls: ['./annual-summary.scss']
})

export class AnnualSummary implements OnInit {

	option1 = {};//电梯安全保障工作落实情况图表
	option2 = {}; //排除隐患季度数据
	option3 = {};//维保超期季度数据
	option4 = {};//检验季度数据
	
	sysUser;
	orgId;//机构id
	quarter;//季度
	maintNum;//维保数

	constructor(
		private httpServcie: HttpServcie,
	) {
	}

	ngOnInit() {

		// 获取机构id
		this.sysUser = JSON.parse(window.localStorage.getItem('user'));
		this.orgId = this.sysUser.partyId;

    this.makeEcharts_1();

    this.makeEcharts_2();

    this.makeEcharts_3();


	}

	// 封装图表-维保数及巡查数
	makeEcharts_1() {
		  this.option1 = {
        tooltip : {
          trigger: 'axis'
        },
        legend: {
          x : 'center',
          data:['维保数','巡查数']
        },
        color:['#2EC7C9','#B6A2DE'],
        toolbox: {
          show : true,
          feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
          }
        },
        calculable : true,
        polar : [
          {
            indicator : [
              {text : '第一季度', max  : 100},
              {text : '第二季度', max  : 100},
              {text : '第三季度', max  : 100},
              {text : '第四季度', max  : 100}
            ],
            radius : 130
          }
        ],

        series : [
          {
            name: '维保数及巡查数',
            type: 'radar',
            itemStyle: {
              normal: {
                areaStyle: {
                  type: 'default'
                }
              }
            },
            data : [
              {
                value : [97, 42, 88, 94, 90, 86],
                name : '维保数'
              },
              {
                value : [97, 32, 74, 95, 88, 92],
                name : '巡查数'
              }
            ]
          }
        ]
		};
	}
	makeEcharts_2() {
		this.option2 = {
      tooltip : {
        trigger: 'axis'
      },
      color:['#2EC7C9','#B6A2DE','#5AB1EF','#FFB980'],
      legend: {
        x : 'center',
        data:['第一季度','第二季度','第三季度','第四季度']
      },
      toolbox: {
        show : true,
        feature : {
          mark : {show: true},
          dataView : {show: true, readOnly: false},
          restore : {show: true},
          saveAsImage : {show: true}
        }
      },
      polar : [
        {
          indicator : [
            { text: '城区分局', max: 6000},
            { text: '郭巷分局', max: 16000},
            { text: '木渎分局', max: 30000},
            { text: '胥口分局', max: 38000},
            { text: '开发区', max: 52000}
          ]
        }
      ],
      calculable : true,
      series : [
        {
          name: '排除隐患年度数据',
          type: 'radar',
          itemStyle: {
            normal: {
              areaStyle: {
                type: 'default'
              }
            }
          },
          data : [
            {
              value : [4300, 10000, 28000, 35000, 50000],
              name : '第一季度'
            },
            {
              value : [5000, 14000, 28000, 31000, 42000],
              name : '第二季度'
            },
            {
              value : [4000, 11000, 28000, 30000, 22000],
              name : '第三季度'
            },
            {
              value : [5200, 10000, 18000, 20000, 30000],
              name : '第四季度'
            }
          ]
        }
      ]
		};
	}
	makeEcharts_3() {
		this.option3 = {
      tooltip : {
        trigger: 'axis'
      },
      color:['#2EC7C9','#B6A2DE','#5AB1EF','#FFB980'],
      legend: {
        x : 'center',
        data:['第一季度','第二季度','第三季度','第四季度']
      },
      toolbox: {
        show : true,
        feature : {
          mark : {show: true},
          dataView : {show: true, readOnly: false},
          restore : {show: true},
          saveAsImage : {show: true}
        }
      },
      polar : [
        {
          indicator : [
            { text: '城区分局', max: 6000},
            { text: '郭巷分局', max: 16000},
            { text: '木渎分局', max: 30000},
            { text: '胥口分局', max: 38000},
            { text: '开发区', max: 52000}
          ]
        }
      ],
      calculable : true,
      series : [
        {
          name: '维保超期年度数据',
          type: 'radar',
          itemStyle: {
            normal: {
              areaStyle: {
                type: 'default'
              }
            }
          },
          data : [
            {
              value : [4300, 11000, 28000, 35000, 51000],
              name : '第一季度'
            },
            {
              value : [5500, 14000, 28000, 31000, 42000],
              name : '第二季度'
            },
            {
              value : [4700, 11000, 20000, 26000, 27000],
              name : '第三季度'
            },
            {
              value : [5400, 13000, 24000, 24000, 33000],
              name : '第四季度'
            }
          ]
        }
      ]
		};
	}

	/*没有数据，暂时不接入数据，后期开发*/
	makeEcharts_4() {
		this.option4 = {

		};
	}


}
